//头部
header{
    position: relative;
    height: 0.4rem;
    display:flex;
    background-image:linear-gradient(to right ,red,yellow);
    color: #fff;
    padding:0.1rem;
    a:nth-child(1){
        width: 0.5rem;
        font-size: 0.18rem;
    }
    h5{
        flex:1;
        text-align:center;
        font-size: 0.18rem;
        line-height: 1;
    }    
    
    a:nth-of-type(2){
        width:0.35rem;
           img{
               width: 100%;
               height: 100%;
           }
    }

}

// 内容部分
.cu-content {
   padding: 4px 10px;
   background: #fff; 
   >h3 {
       font-weight: normal;
       font-size: 18px;
       margin: 10px auto 5px auto;
       font-weight: 800;
       text-align: left;
       text-align-last: left;
       word-break: break-all;
       color: #5a5a5a;
       line-height: normal;
   }
   >h4 {
       color: #ff6c00;
       display: block;
       font-size: 15px;
   }
   .info {
       margin: 12px auto;
       color: #999;
       font-size: 12px;
       >span {
           color: #999;
           vertical-align: middle;
       }
       span.mall {
           margin: 0px 4px;
       }
       span.additme {
           margin-left: 4px;
       }
       span.author {
           margin-right: 4px;
       }
   }
   .content {
       .picwrap {
           width: 120px;
           float: right;
           margin: 12px auto auto 10px;
           overflow: hidden;
           >img {
               width: 120px;
               height: 120px;
           }
       }
       .conn {
           font-size: 16px;
           word-break: break-all;
           line-height: 24px;
           color: #606060;
           padding-bottom: 20px;
           >p {
               line-height: 24px;
               color: #606060;
               word-break: break-all;
               margin: 6px auto;
               >img {
                   max-width: 100%;
                   height: auto;
                   vertical-align: middle;
                   border: 0;
               }
           }
       }
   }
   center {
    //    background-color: red;
       display: block;
       text-align: -webkit-center;
       .area {
           margin-bottom: 10px;
            .s {
                // background-color: green;
                //    position: relative;
                display: inline-block;
                line-height: 38px;
                padding: 0px 20px 0px 16px;
                //    cursor: pointer;
                //    z-index: 999;
                #disstorck {
                    li {
                        border-bottom: 1px dashed #ccc;
                    }
                    a>span {
                        font-size: 14px;
                        font-weight: 600;
                        // background-color: blue;
                        strong {
                            margin-left: 45px;
                            color: #ff6c00;
                            // background-color: red;
                        }
                    }
                }
           }
       }
   }
   .golink {
       border-bottom: 10px;
       a {
        display: block;
        // margin: 20px 10px;
        height: 30px;
        border-radius: 4px;
        line-height: 30px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        background-color: #ff9000; 
       }
   }
}


// 评论部分样式
.cu-content-pl {
    background-color: #fff;
    .tit {
        font-size: 16px;
        padding: 6px 8px;
    }
    .reply {
        padding: 6px 8px;
        .form {
           border: 2px solid #eceae8;
           border-radius: 2px;
           padding: 4px 0 0 4px;
           background-color: #fff;
           position: relative;
           width: 98%;
           margin: 0px auto;
           textarea {
               width: 100%;
               resize: none;
               overflow-x: hidden;
               overflow-y: auto;
               border: none;
               line-height: 22px;
               font-size: 14px;
               outline: 0;
               color: #666;
               height: 68px;
           }
           .ctrl {
               background-color: #fbfbfb;
               height: 36px;
               margin-left: -4px;
               border-top: 1px solid #f2f2f2;
               >input {
                   position: absolute;
                   right: -2px;
                   bottom: -2px;
                   background: #ff841d;
                   border: none;
                   border: 2px solid #ff841d;
                   border-left: none;
                   border-top: none;
                   padding: 0px;
                   width: 100px;
                   height: 39px;
                   color: #fff;
                   outline: 0;
                   border-radius: 0 0 2px 0;
                   font-size: 16px;
               }
           }
        }
    }
    .list {
        ul {
            li {
                padding: 18px 10px;
                background-color: #fff;
                .userimg {
                    width: 40px;
                    float: left;
                    overflow: hidden;
                    >img {
                        width: 40px;
                        background-position: top;
                        border-radius: 20px;
                        height: 40px;
                    }

                }
                .con {
                    overflow: hidden;
                    padding-left: 10px;
                    .name {
                        margin-bottom: 6px;
                        .username {
                            color: #5997c0;
                            font-size: 13px !important;
                            float: left;
                        }
                        .time {
                            color: #999;
                            font-size: 13px !important;
                            float: right;
                        }
                    }
                    .content {
                        word-break: break-all;
                        font-size: 15px !important;
                        color: #606060;
                        line-height: 20px;
                        img {
                            width: 20px;
                            height: 20px;
                        }
                    }
                }
            }
        }
    }
}



//底部
footer{
    background-color: #fff;
    position: fixed;
    bottom:0;
    left:0;
    width: 100%;
    >.footer_link{
        background-image:linear-gradient(to right,red,yellow);
        height: 0.2rem;
        line-height: 0.2rem;
        display:flex;
        a{
        flex:1;
        color:#fff;
        text-align:center;
        border: 1px solid #CCC;
        }
    }
    p{
        margin: 0.1rem;
        font-size: 0.1rem;
        text-align: center;
        a{
        color:red;
        display:inline;
        
        }
    }
}

    

